<template>
	<view>
		<!-- 100vh表示整个屏幕高度 100vw表示整个屏幕宽度 -->
		<video style="height: 100vh;width: 100vw;" :src="url" autoplay="true"
			loop="true">

		</video>
		<view @click="change" class="video">切换</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:'',
				title:''
			}
		},
		onLoad(q) {
			console.log(q)
			uni.setNavigationBarTitle({
				title:q.title
			})
			this.title = q.title
			this.url = q.url
		},
		methods: {
			change() {
				uni.redirectTo({
					url: '/pages/video/video?title='+this.title+'&url='+this.url
				})
			}
		}
	}
</script>

<style>
	.video {
		position: absolute;
		z-index: 1;
		right: 10px;
		bottom: 60px;
		width: 100rpx;
		height: 100rpx;
		border-radius: 50rpx;
		background-color: aliceblue;
		text-align: center;
		line-height: 100rpx;
		
	}
</style>